<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据概览</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/dashboard.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<th:block th:include="~{IncludePage}"></th:block>


<div class="t_container">
    <main class="t_main">
        <div class="t_box">
            <header class="t_title">
                <span>本月销售额</span>
                <span class="t_number">30000.00</span>
            </header>
            <div class="t_list">
                <div class="t_min">订单量 100<i></i></div>
                <div class="t_min">客流量 100 <i></i></div>
                <div class="t_min">转换率 8% <i class="down"></i></div>
            </div>
            <div id="chart_1" class="echart" style="width: 100%; height: 2.4rem;"></div>
        </div>
        <div class="t_box">
            <header class="t_title">
                <span>商品销售统计</span>
            </header>
            <div id="chart_2" class="echart" style="width: 100%; height: 3rem;"></div>
        </div>
        <div class="t_box">
            <header class="t_title">
                <span>年度销售额走势图</span>
            </header>
            <div id="chart_3" class="echart" style="width: 100%; height: 3rem;"></div>
        </div>
        <div class="t_box">
            <div class="main_table t_btn8">
                <table>
                    <thead>
                    <tr>
                        <th>销售价格</th>
                        <th>销售市场</th>
                        <th>销售任务</th>
                        <th>销售量</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>214</td>
                        <td>26</td>
                        <td>182</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td>122</td>
                        <td>21</td>
                        <td>18</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td>147</td>
                        <td>30</td>
                        <td>25</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td>179</td>
                        <td>19</td>
                        <td>12</td>
                        <td>15</td>
                    </tr>
                    <tr>
                        <td>169</td>
                        <td>22</td>
                        <td>20</td>
                        <td>20</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </main>
</div>

</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="js/includePage.js"></script>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/rem.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/index.js"></script>
</html>